.bill-year {
  .head {
    background: var(--themeColor);
    color: #fff;
    position: relative;
    padding: 40rpx;

    .expend-box {
      display: flex;
      flex-direction: column;
      align-items: center;

      .expend-count {
        .int {
          font-size: 60rpx;
        }
      }
    }

    .year-box {
      position: absolute;
      top: 30rpx;
      right: 30rpx;
    }
  }

  .exp-detail {
    .exp-title {
      padding: 10rpx 40rpx;
      display: flex;
      justify-content: space-around;
      border-bottom: 1rpx solid #ccc;
      color: #ccc;
    }

    .exp-content {
      height: calc(100vh - 285rpx);
      overflow: scroll;
      overflow: scroll;

      .exp-item {
        padding: 20rpx 40rpx;
        display: flex;
        justify-content: space-around;
        border-bottom: 1rpx solid #ccc;
        font-size: 30rpx;
      }
    }
  }
}